<template>
	<div>
        <span class="sdrag-gray-btn" :class="[disabled ? 'disabled' : '']" @click="clickEvent">{{text}}</span>
	</div>

</template>

<script>
export default {
  	props: {
		text: {
			type: String,
			default: "取消"
		},
		disabled: {
			type: Boolean,
			default: false
		},
		clickEvent: {
			type: Function,
			default: () => {
				console.log("graybutton的点击事件")
			}
		}
	},
  	data () {
    	return {
			msg: '这是测试首页'
		}
	},
	components: {

	},
	created () {
		// console.log(this.$store);
	},
	mounted () {

	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
	.disabled {
		cursor: not-allowed;
		opacity: 0.4;
	}
</style>
